// 引入公共的less
@import "common";

// 头部样式
.head {
    background-color: #ddd;

    &-home {

        color: #3c3c3c;

    }
    &-search {
        input {
           padding-left: 5/@rem;
        }
    }
   

    &-login {

        .iconfont {
            font-size: 18/@rem;
            color: #3c3c3c;
        }

    }
}

// 内容主体样式
.container {
    margin-bottom: 60/@rem;
}
// 内容样式
.box {
    width: 320/@rem;
    height: 100%;
    &-menu {
        width: 85/@rem;
        height: 100%;
        background-color: paleturquoise;
        li {
            height: 55/@rem;
            line-height: 55/@rem;
            text-align: center;
            border-bottom: 2/@rem solid #ccc;
            a {
             font-size: 14/@rem;
            }
            &.current {
                background-color: #fff;
                a {
                    color: red;
                }

            }
        }

    }
    &-content {
        width: 235/@rem;
        background-color: #fff;

        h2 {
            text-align: center;
            line-height: 40/@rem;
        } 

        ul {
            li {
                float: left;
                width: 33.33%;
                height: 125/@rem;
                text-align: center;
                a {
                    img {
                      width: 64/@rem;
                      height: 96/@rem;
                    }
                }
                p {

                }
            }
        }
        
    }
}